<!--
	作者：956911785@qq.com
	时间：2018-10-18
	描述：审核
-->

<template>
	<Modal title="审核" v-model="modal0" width="800px">
		<Form :label-width="150" label-position="left">
			<div style="width:100%;height:300px; overflow-y: scroll;">
				<div style="width:100%;height:100px;float:left;">
		        	<FormItem label="心得体会内容">
			        	{{lookparam.LEARNCONTENT}}
	    			</FormItem>
			    </div> 
				<div style="width:100%;float:left;text-align: left;">
			        <FormItem label="心得体会(图片格式)">
			        	<template v-for="item in lookparam.pics">
			        		<div style="width:100px;float:left;padding-right: 10px;">
			        			<img :src="item.PICURL" style="width:100%;height: auto;" @click.native="handleView(item.PICURL)">
			        		</div>
			        	</template>
		    		</FormItem>
		        </div>
				<div style="width:100%;height:100px;float:left;">
		        	<FormItem label="是否通过审核">
			        	<Select v-model="sh" style="width:200px" transfer>
					        <Option value="1" >通过</Option>
					        <Option value="2" >不通过</Option>
					    </Select>
	    			</FormItem>
			   </div> 
		   </div> 
	    </Form>
	   	<div slot="footer">
	    	<Button type="text"  @click="closeModal()">取消</Button>
	    	<Button type="primary" @click="setshzt()" >确定</Button>
	    </div>
	    <Modal title="View Image" v-model="visible">
	        <img :src="imgurl" v-if="visible" style="width: 100%" >
	    </Modal>
     </Modal>
     
</template>

<script>
	
	export default {
		name:"lookxdth",
		props: {
			lookparam:{
    			type: Object
    		},
    	},
		data() {
			return {
                modal0:false,
                sh:'',
                visible:false,
			}
		},
		components: {
		},
		methods: {
			setshzt:function(){
				if(this.sh==""){
					this.$Modal.error({
                        title: "失败",
                        content: "请选择审核是否通过！"
                    });
                    return;
				}
				this.$emit("setshzt",this.sh,);   
	        }, 
			
			handleView (item) {
	        	this.imgurl=item;
                this.visible = true;
            },
          
            closeModal(){
	      	    this.modal0 = false;
	      	    this.sh="";
	        },   
		},
		mounted() {
		},
		watch:{
		},
		computed: {
		}
	}
</script>

<style scoped="scoped">
	 .demo-upload-list{
        display: inline-block;
        width: 100px;
        height: auto;
        text-align: center;
        line-height: 60px;
        border: 1px solid transparent;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        position: relative;
        box-shadow: 0px;
        margin-right: 4px;
        float:left;
        margin-left: 4px;
    }
    .demo-upload-list img{
        width: 100%;
        height: 100%;
    }
    .demo-upload-list-cover{
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.6);
    }
    .demo-upload-list:hover .demo-upload-list-cover{
        display: block;
    }
    .demo-upload-list-cover i{
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        margin: 0 2px;
    }
</style>



